<template>
  <div class="padding-sm">
    <span class="page-title">
      基本信息
    </span>
    <a-tabs default-active-key="1" :activeKey="activeKey" @change="tabsChange">
      <a-tab-pane key="1" tab="账户信息">
        <AccountInfo :userInfos="userInfos"></AccountInfo>
      </a-tab-pane>
      <!-- <a-tab-pane key="2" tab="其他资料">
        <OtherInfo :userInfos="userInfos"></OtherInfo>
      </a-tab-pane> -->
      <a-tab-pane key="3" tab="我的组织">
        <MyOrganization
          :sysOrgData="sysOrgData"
          :userInfos="userInfos"
        ></MyOrganization>
      </a-tab-pane>
      <!-- <a-tab-pane key="4" tab="我的岗位">
        <MyPost :sysPostData="sysPostData" :userInfos="userInfos"></MyPost>
      </a-tab-pane>
      <a-tab-pane key="5" tab="直属主管">
        <UserReportsTo :userInfos="userInfos"></UserReportsTo>
      </a-tab-pane> -->
    </a-tabs>
  </div>
</template>

<script>
import {
  AccountInfo,
  MyOrganization,
  MyPost,
  OtherInfo,
  UserReportsTo,
} from "./tabs/index";

export default {
  name: "basicSetting",
  components: {
    AccountInfo,
    MyOrganization,
    MyPost,
    OtherInfo,
    UserReportsTo,
  },
  props: {
    userInfos: {
      type: Object,
      default: {},
    },
    sysPostData: {
      type: Array,
      default: [],
    },
    sysOrgData: {
      type: Object,
      default: {},
    },
  },
  data() {
    return {
      activeKey: "1",
    };
  },
  methods: {
    tabsChange(key) {
      this.activeKey = key;
    },
  },
};
</script>

<style scoped>
/*.page-main {*/
/*width: 100%;*/
/*box-sizing: border-box;*/
/*}*/
</style>
